.tit {
  white-space: nowrap;
  width: 155px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 音乐图片遮罩层 */
.img:hover img {
  transform: scale(1.1) translateZ(0);
}
.img:hover .mask {
  opacity: 0.2;
  transition: opacity 0.5s;
}
.img:hover .bofang {
  opacity: 1;
  transition: opacity 0.5s;
  transform: scale(1) translateZ(0);
  transition-property: opacity, transform;
  transition-duration: 0.5s;
}

.img {
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.img img {
  width: 100%;
  height: 100%;
  transition: transform 0.75s;
}
.mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  transition: opacity 0.5s;
}
.bofang {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -35px;
  width: 70px;
  height: 70px;
  background-size: cover;
  opacity: 0;
  transform: scale(0.7) translateZ(0);
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  zoom: 1;
  background-image: url("/images/bofang-big.png");
}
